{include file="home/include/header.html"}
<!-- Slider Section Start -->
<div class="slider-section section slider-active">
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <!-- Slider Slider Start -->
            <div class="single-slider swiper-slide animation-style-01">
                <div class="container">
                    <div class="slider-wrapper">
                        <div class="row">
                            <div class="col-sm-6 align-self-center">
                                <!-- Slider Content Start -->
                                <div class="slider-content">
                                    <img class="shape-1" src="__PUBLIC__/assets/images/slider/slider-shape/shape-1.svg" alt="">
                                    <h4 class="sub-title">Upto 65%</h4>
                                    <h2 class="main-title">Enjoy your <br> Shopping</h2>
                                    <a class="slider-btn" href="#">Shop Now<span class="material-icons">arrow_right_alt</span></a>
                                </div>
                                <!-- Slider Content End -->
                            </div>
                            <div class="col-sm-6">
                                <!-- Slider Image Start -->
                                <div class="slider-image">
                                    <img src="__PUBLIC__/assets/images/slider/slider-image-01.png" alt="">

                                    <div class="slider-imgaes-shape">
                                        <div class="shape shape-1">
                                            <img src="__PUBLIC__/assets/images/slider/slider-shape/shape-2.svg" alt="">
                                        </div>
                                        <div class="shape shape-2">
                                            <img src="__PUBLIC__/assets/images/slider/slider-shape/shape-3.svg" alt="">
                                        </div>
                                        <div class="shape shape-3">
                                            <img src="__PUBLIC__/assets/images/slider/slider-shape/shape-4.svg" alt="">
                                        </div>
                                    </div>
                                </div>
                                <!-- Slider Image End -->
                            </div>
                        </div>

                        <div class="slider-social d-none d-md-block">
                            <a href="#"><i class="icofont-facebook"></i></a>
                            <a href="#"><i class="icofont-twitter"></i></a>
                            <a href="#"><i class="icofont-instagram"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Slider Slider Start -->

            <!-- Slider Slider Start -->
            <div class="single-slider swiper-slide animation-style-01">
                <div class="container">
                    <div class="slider-wrapper">
                        <div class="row">
                            <div class="col-sm-6 align-self-center">
                                <!-- Slider Content Start -->
                                <div class="slider-content">
                                    <img class="shape-1" src="__PUBLIC__/assets/images/slider/slider-shape/shape-1.svg" alt="">
                                    <h4 class="sub-title">Upto 45%</h4>
                                    <h2 class="main-title">Enjoy your <br> Shopping</h2>
                                    <a class="slider-btn" href="#">Shop Now <span class="material-icons">arrow_right_alt</span></a>
                                </div>
                                <!-- Slider Content End -->
                            </div>
                            <div class="col-sm-6">
                                <!-- Slider Image Start -->
                                <div class="slider-image">
                                    <img src="__PUBLIC__/assets/images/slider/slider-image-02.png" alt="">

                                    <div class="slider-imgaes-shape">
                                        <div class="shape shape-1">
                                            <img src="__PUBLIC__/assets/images/slider/slider-shape/shape-2.svg" alt="">
                                        </div>
                                        <div class="shape shape-4">
                                            <img src="__PUBLIC__/assets/images/slider/slider-shape/shape-3.svg" alt="">
                                        </div>
                                        <div class="shape shape-3">
                                            <img src="__PUBLIC__/assets/images/slider/slider-shape/shape-4.svg" alt="">
                                        </div>
                                    </div>
                                </div>
                                <!-- Slider Image End -->
                            </div>
                        </div>

                        <div class="slider-social d-none d-md-block">
                            <a href="#"><i class="icofont-facebook"></i></a>
                            <a href="#"><i class="icofont-twitter"></i></a>
                            <a href="#"><i class="icofont-instagram"></i></a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- Slider Slider Start -->
        </div>
        <!-- Add Arrows -->
        <div class="swiper-button-next"><span class="material-icons">trending_flat</span></div>
        <div class="swiper-button-prev"><span class="material-icons">trending_flat</span></div>
    </div>
</div>
<!-- Slider Section End -->

<!-- Product Editor Pick Start -->
<div class="section section-padding mt-n1">
    <div class="container">
        <!-- Editor Pick Wrapper Start -->
        <div class="editor-pick-wrapper">
            <div class="section-title line-1">
                <h2 class="title">Editor’s Pick</h2>
            </div>
            <div class="product-tabs-menu">
                <ul class="nav">
                    <li class="nav-item"><a class="nav-link active" data-bs-toggle="tab" href="#tab1">Featured</a></li>
                    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab2">On Sale</a></li>
                    <li class="nav-item"><a class="nav-link" data-bs-toggle="tab" href="#tab3">Top Rated</a></li>
                </ul>
            </div>
        </div>
        <!-- Editor Pick Wrapper End -->

        <!-- Product Start -->
        <div class="product-wrapper">
            <div class="tab-content">
                <div class="tab-pane fade show active" id="tab1">
                    <div class="product-active">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                            </a>
                                            <span class="product-label percentage">-10%</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Lucida Slevless Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-3.jpg" alt="product">
                                            </a>
                                            <span class="product-label sold-out">Sold Out</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Modern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-3.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Meta Slevless Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-4.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                            </a>
                                            <span class="product-label percentage">-25%</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Flower Print dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="tab2">
                    <div class="product-active">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                            </a>
                                            <span class="product-label percentage">-10%</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Lucida Slevless Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-3.jpg" alt="product">
                                            </a>
                                            <span class="product-label sold-out">Sold Out</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Modern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-3.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Meta Slevless Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-4.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                            </a>
                                            <span class="product-label percentage">-25%</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Flower Print dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="tab-pane fade" id="tab3">
                    <div class="product-active">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                            </a>
                                            <span class="product-label percentage">-10%</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Lucida Slevless Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-3.jpg" alt="product">
                                            </a>
                                            <span class="product-label sold-out">Sold Out</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Modern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-3.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Meta Slevless Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-4.jpg" alt="product">
                                                <img class="hover-image" src="__PUBLIC__/assets/images/products/product-1.jpg" alt="product">
                                            </a>
                                            <span class="product-label percentage">-25%</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Flower Print dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-2.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$235</span>
                                                <span class="sale-price">$150</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
        <!-- Product End -->
    </div>
</div>
<!-- Product Editor Pick End -->

<!-- Banner Start -->
<div class="section section-padding mt-n8">
    <div class="container">
        <div class="row grid">
            <div class="col-lg-4 custom-banner-col-1 grid-item">
                <!-- Banner Items Start -->
                <div class="banner-item banner-01">
                    <a href="shop-grid-left-sidebar.html">
                        <img src="__PUBLIC__/assets/images/banner/banner-1.jpg" alt="banner">

                        <div class="banner-text">
                            <span class="sub-title">upto 52%</span>
                            <h4 class="title">Western <br> Style</h4>
                        </div>
                    </a>
                </div>
                <!-- Banner Items End -->
            </div>
            <div class="col-lg-5 custom-banner-col-2 grid-item">
                <!-- Banner Items Start -->
                <div class="banner-item banner-02">
                    <a href="shop-grid-left-sidebar.html">
                        <img src="__PUBLIC__/assets/images/banner/banner-2.jpg" alt="banner">

                        <div class="banner-text">
                            <span class="sub-title">upto 30%</span>
                            <h4 class="title">Enjoy <br> Summer</h4>
                        </div>
                    </a>
                </div>
                <!-- Banner Items End -->
            </div>
            <div class="col-lg-3 custom-banner-col-2 grid-item">
                <!-- Banner Items Start -->
                <div class="banner-item banner-03">
                    <a href="shop-grid-left-sidebar.html">
                        <img src="__PUBLIC__/assets/images/banner/banner-3.jpg" alt="banner">

                        <div class="banner-text">
                            <span class="sub-title">upto 48%</span>
                            <h4 class="title">Feel the <br> Winter</h4>
                        </div>
                    </a>
                </div>
                <!-- Banner Items End -->
            </div>
            <div class="col-lg-8 grid-item">
                <!-- Banner Items Start -->
                <div class="banner-item banner-01">
                    <a href="shop-grid-left-sidebar.html">
                        <img src="__PUBLIC__/assets/images/banner/banner-4.jpg" alt="banner">

                        <div class="banner-text">
                            <span class="sub-title">upto 48%</span>
                            <h4 class="title">Men’s <br> Fashion</h4>
                        </div>
                    </a>
                </div>
                <!-- Banner Items End -->
            </div>
        </div>
    </div>
</div>
<!-- Banner End -->

<!-- New Arrivals Start -->
<div class="section section-padding mt-n1">
    <div class="container">
        <!-- New Arrivals Wrapper Start -->
        <div class="new-arrivals-wrapper">
            <div class="section-title line-1">
                <h2 class="title">New Arrivals</h2>
            </div>
            <div class="product-countdown">
                <div class="countdown-title">
                    <h4 class="title">Best Deal</h4>
                </div>
                <div id="countdown"></div>
            </div>
        </div>
        <!-- New Arrivals Wrapper End -->
        <div class="product-wrapper">
            <div class="row">
                <div class="col-lg-3 col-sm-6">
                    <!-- Banner Items Start -->
                    <div class="banner-item banner-04">
                        <a href="shop-grid-left-sidebar.html">
                            <img src="__PUBLIC__/assets/images/banner/banner-5.jpg" alt="banner">

                            <div class="banner-text">
                                <span class="sub-title">upto 48%</span>
                                <h4 class="title">Summer <br> Fest</h4>
                            </div>
                        </a>
                    </div>
                    <!-- Banner Items End -->
                </div>
                <div class="col-lg-9 col-sm-6">
                    <div class="product-active-2">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-5.jpg" alt="product">
                                            </a>
                                            <span class="product-available">Available:15</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$195</span>
                                                <span class="sale-price">$100</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-6.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Man</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Meta Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$225</span>
                                                <span class="sale-price">$200</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <div class="product-gallery-preview swiper-container">
                                                <a href="#">
                                                    <img class="gallery-preview" src="__PUBLIC__/assets/images/products/product-7.jpg" alt="product">
                                                </a>
                                            </div>
                                            <div class="product-gallery-thumb">
                                                <div class="single-thumb">
                                                    <img src="__PUBLIC__/assets/images/products/product-7.jpg" alt="product">
                                                </div>
                                                <div class="single-thumb">
                                                    <img src="__PUBLIC__/assets/images/products/product-8.jpg" alt="product">
                                                </div>
                                                <div class="single-thumb">
                                                    <img src="__PUBLIC__/assets/images/products/product-9.jpg" alt="product">
                                                </div>
                                            </div>

                                            <span class="product-label percentage">-25%</span>
                                            <span class="product-available">Available:15</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Flower Print dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$195</span>
                                                <span class="sale-price">$165</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-8.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                            <span class="product-available">Available:15</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$195</span>
                                                <span class="sale-price">$100</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row flex-sm-row-reverse">
                <div class="col-lg-3 col-sm-6">
                    <!-- Banner Items Start -->
                    <div class="banner-item banner-04">
                        <a href="shop-grid-left-sidebar.html">
                            <img src="__PUBLIC__/assets/images/banner/banner-6.jpg" alt="banner">

                            <div class="banner-text">
                                <span class="sub-title">upto 68%</span>
                                <h4 class="title">Mega Sale <br> Festival</h4>
                            </div>
                        </a>
                    </div>
                    <!-- Banner Items End -->
                </div>
                <div class="col-lg-9 col-sm-6">
                    <div class="product-active-2">
                        <div class="swiper-container">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-11.jpg" alt="product">
                                            </a>
                                            <span class="product-available">Available:15</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$195</span>
                                                <span class="sale-price">$100</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-left-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-12.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Man</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Meta Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$225</span>
                                                <span class="sale-price">$200</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-13.jpg" alt="product">
                                            </a>
                                            <span class="product-label percentage">-25%</span>
                                            <span class="product-available">Available:15</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women’s Fashion</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$195</span>
                                                <span class="sale-price">$100</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                                <div class="swiper-slide">
                                    <!-- Single-Product Start -->
                                    <div class="single-product">
                                        <div class="product-image">
                                            <a href="product-details-right-sidebar.html">
                                                <img src="__PUBLIC__/assets/images/products/product-5.jpg" alt="product">
                                            </a>
                                            <span class="product-label hot">Hot</span>
                                            <span class="product-available">Available:15</span>
                                        </div>
                                        <div class="product-content">
                                            <div class="product-category-action">
                                                <div class="product-category">
                                                    <a href="#">Women</a>
                                                </div>
                                                <div class="product-action">
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Add to Cart"><i class="fa fa-shopping-cart"></i></a>
                                                    <a href="#" class="action" data-tooltip="tooltip" data-placement="top" title="Compare"><i class="fa fa-heart-o"></i></a>
                                                </div>
                                            </div>
                                            <h4 class="product-title"><a href="product-details-right-sidebar.html">Style Mordern Dress</a></h4>
                                            <div class="product-price">
                                                <span class="old-price">$195</span>
                                                <span class="sale-price">$100</span>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- Single-Product End -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- New Arrivals End -->

<!-- Banner Start -->
<div class="section section-padding mt-n7">
    <div class="container">
        <div class="row">
            <div class="col-lg-5">
                <!-- Banner Items Start -->
                <div class="banner-item banner-05">
                    <a href="product-details-right-sidebar.html">
                        <img src="__PUBLIC__/assets/images/banner/banner-7.jpg" alt="banner">
                    </a>
                    <div class="banner-text">
                        <span class="sub-title">upto 75%</span>
                        <h4 class="title">Hot Sale <br> Collections</h4>
                        <p class="code">Product Code <span>5487</span></p>
                        <a class="banner-btn" href="product-details-right-sidebar.html">Shop Now <span class="material-icons">arrow_right_alt</span></a>
                    </div>
                </div>
                <!-- Banner Items End -->
            </div>
            <div class="col-lg-7">
                <!-- Banner Items Start -->
                <div class="banner-item banner-06">
                    <a href="product-details-right-sidebar.html">
                        <img src="__PUBLIC__/assets/images/banner/banner-8.png" alt="banner">
                    </a>
                    <div class="banner-text">
                        <span class="sub-title">mega deal</span>
                        <h4 class="title">Winter <br> Collections</h4>
                        <p class="code">upto 62% off</p>
                        <a class="banner-btn" href="product-details-right-sidebar.html">Shop Now <span class="material-icons">arrow_right_alt</span></a>
                    </div>
                </div>
                <!-- Banner Items End -->
            </div>
        </div>
    </div>
</div>
<!-- Banner End -->

<!-- Blog Start -->
<div class="section section-padding mt-n1 text-center+">
    <div class="container">
        <!-- Section Title Start -->
        <div class="section-title text-center">
            <h2 class="title">Blog Post</h2>
        </div>
        <!-- Section Title End -->

        <!-- Blog Wrapper Start -->
        <div class="blog-wrapper">
            <div class="row">
                <div class="col-lg-4 col-md-6">
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-image">
                            <a href="blog-details-left-sidebar.html">
                                <img src="__PUBLIC__/assets/images/blog/blog-01.jpg" alt="Blog">
                            </a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a href="#">Women</a>
                                <span>14 October, 2020 </span>
                            </div>
                            <h4 class="title"><a href="blog-details-left-sidebar.html">Hot Summer Fashion for Women <br> new collections arrives</a></h4>
                            <a href="blog-details-left-sidebar.html" class="more">Read more</a>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                </div>
                <div class="col-lg-4 col-md-6">
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-image">
                            <a href="blog-details-left-sidebar.html">
                                <img src="__PUBLIC__/assets/images/blog/blog-02.jpg" alt="Blog">
                            </a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a href="#">Fashion</a>
                                <span>14 October, 2020 </span>
                            </div>
                            <h4 class="title"><a href="blog-details-left-sidebar.html">Hot Summer Fashion for Women <br> new collections arrives</a></h4>
                            <a href="blog-details-left-sidebar.html" class="more">Read more</a>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                </div>
                <div class="col-lg-4 col-md-6">
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-image">
                            <a href="blog-details-left-sidebar.html">
                                <img src="__PUBLIC__/assets/images/blog/blog-03.jpg" alt="Blog">
                            </a>
                        </div>
                        <div class="blog-content">
                            <div class="blog-meta">
                                <a href="#">Man</a>
                                <span>14 October, 2020 </span>
                            </div>
                            <h4 class="title"><a href="blog-details-left-sidebar.html">Hot Summer Fashion for Women <br> new collections arrives</a></h4>
                            <a href="blog-details-left-sidebar.html" class="more">Read more</a>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                </div>
            </div>
        </div>
        <!-- Blog Wrapper End -->
    </div>
</div>
<!-- Blog End -->

<!-- Brand Start -->
<div class="section section-padding">
    <div class="container">
        <div class="brand-active swiper-container">
            <div class="swiper-wrapper">
                <div class="swiper-slide single-brand">
                    <img src="__PUBLIC__/assets/images/brand/brand-01.png" alt="">
                </div>
                <div class="swiper-slide single-brand">
                    <img src="__PUBLIC__/assets/images/brand/brand-02.png" alt="">
                </div>
                <div class="swiper-slide single-brand">
                    <img src="__PUBLIC__/assets/images/brand/brand-03.png" alt="">
                </div>
                <div class="swiper-slide single-brand">
                    <img src="__PUBLIC__/assets/images/brand/brand-04.png" alt="">
                </div>
                <div class="swiper-slide single-brand">
                    <img src="__PUBLIC__/assets/images/brand/brand-05.png" alt="">
                </div>
                <div class="swiper-slide single-brand">
                    <img src="__PUBLIC__/assets/images/brand/brand-03.png" alt="">
                </div>
            </div>
        </div>
    </div>
</div>
<!-- Brand End -->

<!-- Newsletter Start -->
<div class="section section-padding-02">
    <div class="container">
        <div class="newsletter-wrapper" style="background-image: url(__PUBLIC__/assets/images/newsletter.jpg);">
            <div class="newsletter-title">
                <h2 class="title">Subscribe our <br> Newsletter</h2>
            </div>
            <div class="newsletter-form">
                <form action="#">
                    <input type="text" placeholder="Enter your email here...">
                    <button>Send <span class="material-icons">arrow_right_alt</span></button>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- Newsletter End -->

{include file="home/include/footer.html"}